<template>
  <div>
    <TopNav/>
    <HomeListData/>
    <MainCarousel :bannerImg="swiperImg"/>
  </div>
</template>

<script>
    import TopNav from "../../components/Nav/TopNav";
    import HomeListData from "./HomeListData";
    import MainCarousel from "../../components/Carousel/MainCarousel/index"

    export default {
      name: "home-index",
      components: {HomeListData, TopNav, MainCarousel},
      data() {
        return {
          swiperImg: [
            require("../../assets/carouselimg/b1.jpg"),
            require("../../assets/carouselimg/b2.jpg"),
            require("../../assets/carouselimg/b3.jpg")
          ]
        }
      }
    }
</script>

<style scoped>

</style>
